<h3> {{pulling_target}} </h3>
<div class="progress-container">
{%if not already_exists %}
    {% for log_id, log in pull_status.items() %}
    <div class="progress-item">
        <p>{{ log.status }}</p>
        <div class="progress-bar">
            {% if log.total_bytes > 0 %}
            <div class="progress-bar-fill" style="width: {{ (log.current_bytes / log.total_bytes * 100) }}%;">
            </div>
            <div class="progress-text"> <!-- 新增：文字容器 -->
                {{ log.current_bytes | size_bytes_to_human_readable }} of {{ log.total_bytes |
                size_bytes_to_human_readable }}
            </div>
            {% elif log.status=='Download complete'%}
            <div class="progress-bar-fill" style="width: 100%;">
            </div>
            {% endif %}
        </div>
        <p>{{ _("ID") }}: {{ log.id }}</p>
    </div>
    {% endfor %}
{% else %}
    <div class="progress-item">
        <p>{{ _("Image Already exists locally") }}</p>
    </div>
{% endif %}
</div>